<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>锂塔二手回收</title>
    <link rel="stylesheet" href="./css/list.css">
</head>

<body>
    <div class="jd-list">
        <header>
            <!-- 导航区域 -->
            <div class="nav">
                <div class="logo">
                    <img src="./imgs/logo.png" alt="">
                </div>
                <ul class="nav-list">
                    <li>下载APP</li>
                    <li>快捷回收</li>
                    <li>二手拯救世界</li>
                    <li>联系我们</li>
                    <li>线下店加盟</li>
                </ul>
                <div class="login" id="login">
                    <div class="login-btn">登录</div>
                </div>
            </div>
        </header>
        <div class="main">
            <div class="content">
                <div class="search">
                    <input class="search-input" type="text" placeholder="小天鹅家电回收">
                    <div class="type-list">
                        <div class="type-item">图书</div>
                        <div class="type-item">包装</div>
                        <div class="type-item type-active">家电</div>
                        <div class="type-item">腕表</div>
                        <div class="type-item">服饰</div>
                        <div class="type-item">鞋履</div>
                        <div class="type-item">配饰</div>
                        <div class="type-item">全部</div>
                    </div>
                </div>
                <!-- 栏目标题 -->
                <div class="type-title">
                    <div class="top">家电回收</div>
                    <div class="bottom">大小家电、生活电器都可以回收~</div>
                </div>
                <div class="prodcut-list">
                    <div class="prodcut-item">
                        <img src="./imgs/jd1.png" alt="">
                        <div class="prodcut-name">
                            <span class="gf">官方验</span><span class="level">95新</span> 米家 1.5匹空调
                        </div>
                        <span class="prodcut-brand">
                            米家
                        </span>
                        <p class="price">￥1080 <span>券前价￥1190</span></p>
                    </div>
                    <div class="prodcut-item">
                        <img src="./imgs/jd2.png" alt="">
                        <div class="prodcut-name">
                            <span class="gf">官方验</span><span class="level">95新</span>小天鹅滚筒洗衣机全自动家用
                        </div>
                        <span class="prodcut-brand">
                            小天鹅
                        </span>
                        <p class="price">￥1080 <span>券前价￥1190</span></p>
                    </div>
                    <div class="prodcut-item">
                        <img src="./imgs/jd1.png" alt="">
                        <div class="prodcut-name">
                            <span class="gf">官方验</span><span class="level">95新</span> 米家 1.5匹空调
                        </div>
                        <span class="prodcut-brand">
                            米家
                        </span>
                        <p class="price">￥1080 <span>券前价￥1190</span></p>
                    </div>
                    <div class="prodcut-item">
                        <img src="./imgs/jd2.png" alt="">
                        <div class="prodcut-name">
                            <span class="gf">官方验</span><span class="level">95新</span>小天鹅滚筒洗衣机全自动家用
                        </div>
                        <span class="prodcut-brand">
                            小天鹅
                        </span>
                        <p class="price">￥1080 <span>券前价￥1190</span></p>
                    </div>
                    <div class="prodcut-item">
                        <img src="./imgs/jd1.png" alt="">
                        <div class="prodcut-name">
                            <span class="gf">官方验</span><span class="level">95新</span> 米家 1.5匹空调
                        </div>
                        <span class="prodcut-brand">
                            米家
                        </span>
                        <p class="price">￥1080 <span>券前价￥1190</span></p>
                    </div>
                    <div class="prodcut-item">
                        <img src="./imgs/jd2.png" alt="">
                        <div class="prodcut-name">
                            <span class="gf">官方验</span><span class="level">95新</span>小天鹅滚筒洗衣机全自动家用
                        </div>
                        <span class="prodcut-brand">
                            小天鹅
                        </span>
                        <p class="price">￥1080 <span>券前价￥1190</span></p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 最底部 -->
        <footer>
            <div class="footer-container">
                <div class="logo">
                    <img src="./imgs/logo2.png" alt="">
                </div>
                <div class="des">
                    转转-真的官方验，买卖二手不一样
                </div>
                <div class="right">
                    <img src="./imgs/code.png" alt="">
                </div>
            </div>
        </footer>
    </div>
    <script src="./js/common.js"></script>
</body>

</html>